import React from 'react';
import { LogoHeader } from '../../components/Header';
import SearchBox from '../../components/SearchBox';
import {
  Category,
  Details,
} from '../../components/RawMaterial';


import styles from './index.module.less';

class RawMaterial extends React.Component {
  render() {
    const extra = (
      <React.Fragment>
        <button className={styles.publishPriceBtn}>发布询价单</button>
        <button className={styles.publishGoodsBtn}>发布商品</button>
      </React.Fragment>
    );

    return (
      <React.Fragment>
        <LogoHeader rightContent={<SearchBox />} extra={extra} />
        <div className={styles.location}>
          <div className={styles.locationText}>
              当前位置 : 交易市场> <div className={styles.text}>大连 <span>x</span></div>
          </div>
        </div>
        <div className={styles.content}>
          <Category></Category>
        </div>
        <Details></Details>
      </React.Fragment>
    );
  }
}

export default RawMaterial;
